<template>
  <div class="screen-container">
    <div class="header">
      {{ dataForm.kindergarten_name }}
    </div>
    <div class="screen-container-main">
      <left :dataForm="dataForm"></left>
      <center :video="dataForm.kindergarten_video"></center>
      <right></right>
    </div>
    <footer-com></footer-com>
  </div>
</template>
<script>

import left from "./modeles/left.vue";
import center from "./modeles/center.vue";
import right from "./modeles/right.vue";
import footerCom from "./modeles/footer.vue";

import { getAction } from "@/api/manage.js";
export default {
  name: 'LargeScreen',
  data() {
    return {
      dataForm:{
        kindergarten_name:"",
      },
    }
  },
  components: {
    left,
    center,
    right,
    footerCom,
  },
  created() {
    this.getSchoolData();
  },
  methods: {
    getSchoolData(){
      let url = "/cockpit/info"
      getAction(url).then((res)=>{
        if(res.success){
          this.dataForm = res.result;
        } else {
          this.$message.warning(res.message);
        }
      }).catch((error)=>{
        console.error(error);
      })
    }
  }
}
</script>
<style lang="less">
  .main{
    height: 100%;
  }
  
</style>
<style scoped lang="less">
@import url("./modeles/style.less");
</style>
